.fl {float:left}
.fr {float:right}
.hide{display:none;visibility:hidden;}
.clr{clear:both;display:block;height:0;}
.clearfix:after {content: "";display: table;clear: both;}
.clearfix {*zoom: 1;}

/* ----------------------------------------------
[ Form elements ]
------------------------------------------------- */
.txtinput,.txtarea,.selectbox{border:1px solid #aaa;padding:5px;background-color:#fff;border-radius:2px;color:#666;}
select,.selectbox{padding:3px;}
input:focus, input.txtinput:focus, * > input:focus, textarea:focus, textarea.txtarea:focus{color:#404040 !important}

/* ----------------------------------------------
[ Sprites css ]
------------------------------------------------- */
.zmsprt,.cticon,.zmico{background-image:url(../images/zmsprt.png);background-repeat:no-repeat;}
.zmico{display:inline-block;vertical-align:middle;margin-right:5px;width:16px;height:16px;}
	.calendar_ico{background-position: 0 0;}
	.zmelogo_ico{background-position:0 -64px;vertical-align:-2px;}
	.mobile_ico{background-position:0 -96px;}
	.birthcake_ico{background-position:0 -128px;}
	.actlike_ico{background-position:0 -160px;width:16px;height:16px;}
	.actcmmt_ico,.actgrppost_ico{background-position:0 -192px;width:18px;}
	.actshare_ico{background-position:0 -224px;}
	.zmsmiley_ico{background-position:0 -32px;margin:0;}

/* ----------------------------------------------
[ Right containers  ]
------------------------------------------------- */
/* Block container */
.zmcont{background-color:#fff;border-radius:3px;border:2px solid #eaeaea;margin-bottom:15px;}
.zmcont .zmcontbody{padding:10px;}
.zmcont .zmconttitle{background-color:#f9f9f9;padding:10px;line-height:normal;border-bottom:1px solid #eaeaea;}
	.zmconttitle .ctitletxt{font-weight:bold;font-size:14px;text-transform:uppercase;color:#404040;}
	.zmconttitle .ctitletxt .cticon{display:inline-block;width:16px;height:16px;margin-right:8px;vertical-align:middle;}
	.zmconttitle .crighttxt{float:right;}
	.zmconttitle .crighttxt .ctmore{border-radius:100%;width:10px;height:13px;background-color:#fff;border:1px solid #eaeaea;display:block;padding:5px 0 0 8px;}
	.zmconttitle .crighttxt .ctmore em{display:block;width:0;height:0;border-color:transparent transparent transparent #999;border-style:solid;border-width:4px;vertical-align:1px;font-size:0;}
	.zmconttitle .crighttxt .ctmore:hover{background-color:#eee;border-color:#ccc;}
	.zmconttitle .crighttxt .ctmore:hover em{border-left-color:#666;}

/*birthday*/
.cont_birthday .ctitletxt .birthcake_ico{vertical-align:0;}
.birthremider_list li{border-top:1px dotted #dfdfdf;padding:10px 0 0;margin-top:10px;width:100%;}
.birthremider_list li:first-child{border-top:0 none;padding-top:0;margin-top:0;}
.birthremider_list .birthavt{float:left;width:46px;height:46px;}
.birthremider_list .birthtext{margin-left:62px;margin-top:-3px;}
	.brthduser{font-size:13px;display:block;padding-bottom:2px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
	.brthdtext{color:#999;display:block;padding-bottom:2px;}
	.brthdactinks{height:20px;}
	.brthdactinks .brthdgreet{margin-right:10px;}
	.brthdactinks span.brthdgreet{color:#999;display:block;margin-right:55px;}
	.brthdactinks span.brthdgreet.further{margin-right:0;}
	.brthdactinks .brthdsendgif{float:right;}
.birthremider_list li.recentbrth{margin:10px -10px 0;width:auto;}
	.recentbrth .brthuser{float:left;position:relative;cursor:pointer;width:33%;text-align:center;z-index:2}
	.recentbrth .brthuser:first-child{margin-left:0;}
	.recentbrth .brthuser .brthuser_date{display:block;padding-top:2px;line-height:normal;text-align:center;color:#999;}
	.recentbrth .brthuser .brthuser_avt{vertical-align:bottom;}
	.recentbrth .brthcalendar .brthcalcircle{background-color:#e6e6e6;display:inline-block;border:2px solid #fff;border-radius:100%;transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;}
	.recentbrth .brthcalendar .brthcalcircle:hover,.recentbrth .brthcalendar:hover .brthcalcircle{background-color:#009DDC;border-color:#009DDC;}
	.recentbrth .brthuser_date.viewmoredate{font-size:11px;}
	.recentbrth .brthcalendar:hover .viewmoredate a{color:#666;text-decoration:underline;}
	.recentbrth .brthcalendar .calendar_ico{margin:16px 0 0 0;}
	.recentbrth .brthcalendar:hover .calendar_ico{background-position:-32px 0;}
	.brthtip{position:absolute;left:-24px;top:68px;width:130px;transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-khtml-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);visibility: hidden;}
	.brthtip .brthtip_cont{background:#fff;border: 1px solid #E1E1E1;border-radius:3px;margin-top:9px;padding:5px 8px;text-align:left;line-height:18px;}
	.brthtip .brthtiparr{width:17px;height:10px;background-position:-64px -96px;position:absolute;left:55px;display:block;}
	.recentbrth .brthuser:hover .brthtip{top:69px;-khtml-opacity:1;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";	filter: alpha(opacity=100);visibility: visible;}
	html>/**/body .brthtip .brthtiparr{display:none;}
	html>/**/body .brthuser:hover .brthtip .brthtiparr{display:block;}

/*ongoing event*/
.ongoingevent_list li{border-top:1px dotted #dfdfdf;padding:10px 0 0;margin-top:10px;width:100%;}
.ongoingevent_list li:first-child{border-top:0 none;padding-top:0;margin-top:0;}
.ongoingevent_list .eventthumb img{width:46px;height:46px;border-radius:3px;float:left;}
.ongoingevent_list  .eventtext{margin-left:56px;}
.ongoingevent_list .event_period{color:#666;padding-bottom:5px;display:block;}
.ongoingevent_list .eventname{font-weight:bold;font-size:13px;padding-bottom:6px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.ongoingevent_list .eventname em{width:3px;height:3px;background-color:#2d81b8;border-radius:3px;display:inline-block;margin:0 6px;}
.ongoingevent_list .eventname:hover em{background-color:#333;}
.ongoingevent_list .eventname .eventtype{text-transform:uppercase;}

/*Suggest friend*/
.suggfrd_list li{border-top:1px dotted #dfdfdf;padding:10px 0 0;margin-top:10px;width:100%;}
.suggfrd_list li:first-child{border-top:0 none;padding-top:0;margin-top:0;}
.suggfrd_list .suggfrdavt{float:left;}
.suggfrd_list .suggfrdtext{margin-left:62px;}
.suggfrd_list .suggfrdname{font-weight:bold;font-size:13px;margin-bottom:5px;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.suggfrd_list .suggfrdnick{color:#999;margin-right:50px;line-height:20px;font-size:13px;}

/*Right banner*/
.adbanner{overflow:hidden;}

/* ----------------------------------------------
[ Feature: FRIEND ]
------------------------------------------------- */
.frdsprt,.frdaccept_ico,.frdreject_ico,.frdadd_ico{background-image:url(../images/friend_sprt.png);background-repeat:no-repeat;display:inline-block;vertical-align:middle;margin-right:5px;width:16px;height:16px;}
	.frdadd_ico{background-position:0 -64px;vertical-align:-3px;}
	.frdadd_ico:hover,a:hover .frdadd_ico{background-position:-32px -64px;}
	.frdaccept_ico{background-position:0 0;width:20px;height:20px;}
	.frdaccept_ico:hover,a:hover .frdaccept_ico{background-position:-32px 0;}
	.frdreject_ico{background-position:0 -32px;width:20px;height:20px;}
	.frdreject_ico:hover,a:hover .frdreject_ico{background-position:-32px -32px;}

/* Add-friend link*/
	.addfrdlink{display:block;font-weight:bold;}
	.addfrdlink a{color:#404040;}

/* Accept - Reject button */
	.frdacceptbtn span.frdaccept_ico,.frdrejectbtn span.frdreject_ico{margin-right:0;}
	.frdacceptbtn,.frdrejectbtn{transition: width 0.5s ease 0s;-moz-transition: width 0.5s ease 0s;-webkit-transition: width 0.5s ease 0s;display:inline-block;border-radius:50px;width:20px;height:20px;overflow:hidden;padding:1px;}
	.frdacceptbtn{background-color:#01ae67;color:#fff;line-height:19px;}
	.frdacceptbtn:hover{width:54px;border-radius:50px;background-color:#018e54;color:#fff;text-align:center;}
	.frdacceptbtn:hover .frdaccept_ico{display:none}
	.frdacceptbtn strong{transition:all 0.3s ease 0s;-khtml-opacity: 0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  filter: alpha(opacity=0);}
	.frdacceptbtn:hover strong{-khtml-opacity: 1;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  filter: alpha(opacity=100);}
	.frdrejectbtn{background-color:#ccc;}
	.frdrejectbtn:hover{background-color:#999;}

/* ----------------------------------------------
[ Popup content ]
------------------------------------------------- */
/*Popup: like list*/
.zmlikelist .avtuser{float:left;}
.zmlikelist .listtext{margin-left:58px;}
.zmlikelist .listtext p{vertical-align:middle;display:table-cell;height:50px;width:100%;}
.zmlikelist .listtext .listuname{font-size:14px;}
.zmlikelist .listrightbtn .addfrdlink{float:right;padding-top:16px;}

/*Popup: Share feed*/
.sharefeed_form{margin:-10px -10px 0;}
.sharefeed_form .sharemsg{background-color:#f9f9f9;padding:10px;border-bottom:1px solid #e1e1e1;}
	.sharemsg .txtarea{border:1px solid #ddd;}
	.sharemsg .txtarea textarea{width:95%;padding:0;height:55px;resize:none;border:0 none;}
	.sharemsg .zmemoticon{float:right;}
	.sharemsg .zmemoticon .zmsmiley_ico{margin:3px;}
.sharedexcerpt{padding:10px;border-bottom:1px solid #e1e1e1;}
.sharedexcerpt .authorname{padding-bottom:10px;color:#999;}
.whoshared{padding:10px 10px 0;}
.whoshared .whoshtxt{padding-bottom:8px;color:#999;font-size:13px;}
.whoshared li{float:left;margin-right:5px;}
.whoshared li a{display:block;width:36px;height:36px;background-color:#ccc;color:#fff;text-align:center;border-radius:100%;line-height:36px;font-size:11px;transition: background-color 0.5s ease 0s;-moz-transition: background-color 0.5s ease 0s;}
.whoshared li a:hover{background-color:#009DDC;}
.whoshared li img{width:32px;height:32px;}

/*Share blog*/
.sharefeedblog .fblgthumb,.sharefeedphoto .fptthumb{display:block;float:left;width:140px;max-height:120px;overflow:hidden;}
.sharefeedblog .fblgthumb img.fblgthumbpic,.sharefeedphoto .fptthumb img.fptthumbpic{width:140px;}
.fsharecontent{margin-left:150px;max-height:100px;overflow:hidden;}
.fsharecontent p{padding:0 0 3px;}

/*Share photo/album*/
.sharefeedphoto .txtfrom{color:#333;font-weight:bold;}
.sharefeedphoto .authorname{padding-bottom:3px;}


